<template>
    <div>
        <el-row class="row hidden-sm-and-down">
            <div class="col">
                <div class="grid-content bg-purple-dark" >
                  <span>关于恰饭吧</span>
                  <a href="">1</a>
                  <a href="">2</a>
                  <a href="">3</a>
                  <a href="">4</a>
                  <a href="">5</a>
                  <a href="">6</a>
                </div>
            </div>
        </el-row>
        <el-row class="row hidden-sm-and-up uf-nav-btm">
   <el-col :span="6">
      <a href="/">
      <p class="uf-mg-0">
          <i class="fa fa-home"></i>
      </p>
      <p class="uf-mg-0">首页</p>
      </a>
  </el-col>
   <el-col :span="6">
      <a href="/Menu">
      <p class="uf-mg-0">
          <i class="fa fa-home"></i>
      </p>
      <p class="uf-mg-0">套餐</p>
      </a>
  </el-col>
   <el-col :span="6">
      <a href="/Oldpep">
      <p class="uf-mg-0">
          <i class="fa fa-home"></i>
      </p>
      <p class="uf-mg-0">健康饮食</p>
      </a>
  </el-col>
   <el-col :span="6">
      <a href="/Share">
      <p class="uf-mg-0">
          <i class="fa fa-home"></i>
      </p>
      <p class="uf-mg-0">分享圈</p>
      </a>
  </el-col>
    </el-row> 
</div>
</template>
<style lang="css" scoped>
 
</style>